 @media only screen and (max-width: 1680px) {
 .banner-swiper .txt .more {
 margin-top: 60px;
}
 .inAbout .p1 {
 margin-bottom: 20px;
}
 .inAbout .des {
 margin-top: 25px;
}
 .inAbout .more {
 margin-top: 55px;
}
 .inPro-item {
 height: 550px;
}
 .inNews {
 padding-bottom: 140px;
 margin-bottom: 140px;
}
 .inNews-item .inNB {
 margin-top: 20px;
}
 .inNews-item .label {
 margin-bottom: 15px;
}
 .inNews-item .name {
 margin-bottom: 15px;
}
 .inNews-item .more {
 width: 80px;
 height: 80px;
 margin-top: 40px;
}
 .inNews-item .more i {
 margin-bottom: 5px;
}
 .inReah .card {
 padding: 70px 4.8% 160px 16.9%;
}
 .inReah .card .title::after {
 right: -70px;
}
 .event-swiper .txt2 .intro * {
 line-height: 2;
}
 .news-swiper {
 margin-bottom: 50px;
}
 .news-swiper .date {
 margin-bottom: 20px;
}
 .news-swiper .des {
 margin-top: 30px;
}
 .news-swiper .more {
 margin-top: 80px;
}
 .news-item .date {
 margin-top: 53px;
}
 .news-item .more {
 margin-top: 55px;
}
 .xqInfoR .recom-item {
 margin-bottom: 40px;
}
 .listNav .list1 {
 padding-top: 25px;
 padding-bottom: 25px;
}
 .listNav:first-of-type {
 padding-top: 30px;
}
 .listNav:last-of-type {
 padding-bottom: 50px;
}
 .listNav.active1 {
 padding-bottom: 80px;
}
 .listNav.active1 .list1::before {
 height: 50px;
}
 .AllPro {
 margin-bottom: 120px;
}
 .pro-items {
 margin-bottom: 40px;
}
 .pro-item {
 margin-bottom: 40px;
}
 .pro-item p {
 margin-top: 20px;
}
 .res-item .des {
 margin-top: 10px;
}
 .res-item .more {
 margin-top: 60px;
}
 .contL {
 padding: 100px 7.8% 100px 8%;
}
 .jobs {
 margin-top: 120px;
 margin-bottom: 180px;
}
 .job-ul .job-h {
 padding-bottom: 40px;
}
 .job-ul .jobT {
 padding: 40px 0;
}
}
@media only screen and (max-width: 1440px) {
 .in-more {
 width: 120px;
 height: 42px;
 line-height: 42px;
}
 .inPro {
 margin-top: 80px;
 margin-bottom: 60px;
}
 .inPro-item {
 height: 500px;
}
 .inAbout .p1 {
 margin-bottom: 15px;
}
 .inAbout .des {
 margin-top: 20px;
}
 .inAbout .more {
 margin-top: 40px;
}
 .inNews {
 padding-bottom: 120px;
}
 .inNews-item .label {
 margin-bottom: 10px;
}
 .inNews-item .name {
 margin-bottom: 10px;
}
 .inNews-item .more {
 width: 70px;
 height: 70px;
 margin-top: 30px;
}
 .inNews-item .more i {
 margin-bottom: 0;
}
 .inReah .card {
 padding: 65px 4.8% 150px 16.9%;
}
 .inReah .card .title::after {
 right: -50px;
}
 .inReah .card .subtit {
 margin-top: 35px;
 margin-bottom: 60px;
}
 .firm {
 padding-bottom: 100px;
}
 .bigEvent {
 padding-bottom: 128px;
}
 .event-swiper .txt2 .intro {
 margin-top: 20px;
}
 .event-swiper .txt2 .intro p {
 padding-left: 15px;
}
 .event-swiper .txt2 .intro * {
 font-size: 14px;
}
 .news-swiper .txt {
 padding-top: 40px;
}
 .news {
 margin-bottom: 120px;
}
 .news-items {
 margin-top: 60px;
 margin-bottom: 110px;
}
 .news-item {
 padding: 50px 0;
}
 .news-item .des {
 height: 84px;
}
 .news-item .date {
 margin-top: 45px;
}
 .news-item .more {
 margin-top: 44px;
}
 .position i {
 margin-right: 12px;
}
 .position a {
 font-size: 14px;
}
 .position a:not(:last-of-type) {
 margin-right: 20px;
}
 .position a:not(:last-of-type)::after {
 right: -14px;
}
 .infoList,  .videos {
 margin-bottom: 130px;
}
 .xqInfoL .page {
 margin-top: 120px;
}
 .listNav .list1 {
 padding-top: 20px;
 padding-bottom: 20px;
}
 .listNav:first-of-type {
 padding-top: 20px;
}
 .listNav:last-of-type {
 padding-bottom: 30px;
}
 .listNav .list2-li:not(:last-of-type) {
 margin-bottom: 15px;
}
 .listNav .list3-li {
 margin-top: 12px;
}
 .listNav.active1 {
 padding-bottom: 60px;
}
 .listNav.active1 .list1::before {
 height: 50px;
}
 .ProList .videoImg .icon {
 width: 56px;
 height: 56px;
}
 .mask-video .closed {
 width: 50px;
 height: 50px;
}
 .mask-video .closed i {
 font-size: 16px;
}
 .video-items {
 margin-bottom: 60px;
}
 .video-item p {
 margin-top: 15px;
}
 .AllPro {
 margin-bottom: 100px;
}
 .pro-items {
 margin-bottom: 30px;
}
 .pro-item p {
 margin-top: 15px;
}
 .research {
 margin-bottom: 100px;
}
 .res-item .des {
 width: 45.1%;
}
 .res-item .more {
 margin-top: 40px;
}
 .contL {
 padding: 80px 7.8% 80px 8%;
}
 .contL li:not(:last-of-type) {
 margin-right: 15%;
}
 .jobs {
 margin-top: 100px;
 margin-bottom: 140px;
}
 .job-ul .job-h {
 padding-bottom: 30px;
}
 .job-ul .jobT {
 padding: 30px 0;
}
 .job-ul .jobB {
 padding-top: 35px;
}
 .job-ul .jobB .info:not(:last-of-type) {
 margin-bottom: 25px;
}
 .job-ul .jobB .infoB {
 padding: 30px 0 40px;
}
 .job-ul .jobB .infoB .email {
 padding: 12px 25px;
}
}
@media only screen and (max-width: 1280px) {
 .event-swiper .txt2 .intro * {
 line-height: 1.8;
}
}
@media only screen and (max-width: 1260px) {
 .banner .swiper-pagination {
 margin-top: 20px;
}
 .banner .swiper-pagination-bullet {
 width: 40px;
}
 .inPro {
 margin-top: 60px;
 margin-bottom: 50px;
}
 .inPro .inPro-more {
 margin-top: 30px;
}
 .inPro-item {
 height: 400px;
}
 .inNews {
 padding-bottom: 100px;
}
 .news {
 margin-bottom: 100px;
}
 .news-fir .swiper-pagination-bullet {
 width: 40px;
}
 .news-swiper {
 margin-bottom: 40px;
}
 .news-swiper .date {
 margin-bottom: 15px;
}
 .news-swiper .des {
 margin-top: 20px;
}
 .news-swiper .more {
 margin-top: 60px;
}
 .news-items {
 margin-top: 40px;
 margin-bottom: 80px;
}
 .news-item .date {
 margin-top: 25px;
}
 .news-item .more {
 margin-top: 15px;
}
 .listNav .list1 {
 padding-top: 20px;
 padding-bottom: 20px;
}
 .listNav:first-of-type {
 padding-top: 15px;
}
 .listNav:last-of-type {
 padding-bottom: 15px;
}
 .listNav .list2-li:not(:last-of-type) {
 margin-bottom: 10px;
}
 .listNav .list3-li {
 margin-top: 10px;
}
 .listNav.active1 {
 padding-bottom: 40px;
}
 .listNav.active1 .list1::before {
 height: 40px;
}
 .ProList .list-item:not(:last-of-type) {
 margin-bottom: 25px;
}
 .ProList .videoImg .icon {
 width: 50px;
 height: 50px;
}
 .pro-item {
 width: 49%;
 margin-right: 2%;
 margin-bottom: 30px;
}
 .pro-item:nth-of-type(3n) {
 margin-right: 2%;
}
 .pro-item:nth-of-type(2n) {
 margin-right: 0;
}
 .pro-item p {
 margin-top: 10px;
}
 .videos {
 margin-bottom: 110px;
}
 .video-items {
 margin-bottom: 30px;
}
 .video-item {
 margin-bottom: 30px;
}
 .video-item .icon {
 width: 36px;
 height: 36px;
}
 .video-item .icon i {
 font-size: 12px;
}
 .res-item:not(:last-of-type) {
 margin-bottom: 40px;
}
 .res-item .des {
 width: 59.1%;
}
 .res-item .more {
 margin-top: 30px;
}
 .contL {
 padding: 60px 3.8% 60px 4%;
}
}
@media only screen and (max-width: 1024px) {
 .banner-swiper .txt .more {
 margin-top: 40px;
}
 .inNews-items {
 flex-direction: column;
}
 .inNew-B .line {
 display: none;
}
 .inNews-item {
 width: 100%;
}
 .inNews-item:not(:last-of-type) {
 margin-bottom: 40px;
}
 .inNews-item .inNB {
 margin-top: 15px;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 -o-align-items: center;
 align-items: center;
}
 .inNews-item .img {
 width: 47.8%;
}
 .inNews-item .txt {
 width: 47.6%;
 margin-left: 4.6%;
 display: block;
}
 .inNews-item.cur {
 width: 100%;
}
 .inReah .card {
 padding: 45px 4.8% 100px 13.9%;
}
 .inReah .card .title::before {
 left: -30px;
}
 .inReah .card .title::after {
 right: -30px;
}
 .inReah .card .subtit {
 margin-top: 25px;
 margin-bottom: 40px;
}
 .infoList,  .videos {
 margin-bottom: 100px;
}
 .com-pro {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
}
 .listNav .p13 {
 padding-left: 5%;
 padding-right: 5%;
}
 .listNav .list1 {
 padding-top: 15px;
 padding-bottom: 15px;
}
 .listNav .list2-li:not(:last-of-type) {
 margin-bottom: 5px;
}
 .listNav .list2-li > p {
 font-size: 14px;
}
 .listNav .list2-li > p em {
 left: -3%;
}
 .listNav.active1 {
 padding-bottom: 20px;
}
 .mb-proList {
 display: block;
}
 .proL {
 display: none;
}
 .proR {
 width: 100%;
 padding-left: 0;
 margin-top: 40px;
}
 .mask-video .mvbot {
 width: 85vw;
}
 .mask-video .closed {
 right: 0;
 top: -60px;
}
 .contL {
 padding: 45px 3.8% 45px 4%;
}
 .contL li {
 padding-bottom: 25px;
}
 .contL .lxwms {
 margin-top: 38px;
}
 .contL .lxwm-item:not(:last-of-type) {
 margin-bottom: 35px;
}
 .jobs {
 margin-top: 80px;
 margin-bottom: 100px;
}
 .job-ul .job-h {
 padding-bottom: 25px;
}
 .job-ul .jobT {
 padding: 20px 0;
}
 .job-ul .jobB {
 padding: 30px 5% 0;
}
 .job-ul .jobB .info:not(:last-of-type) {
 margin-bottom: 25px;
}
 .job-ul .jobB .infoB {
 padding: 20px 0 30px;
 margin-top: 40px;
}
 .job-ul .jobB .infoB .email {
 padding: 10px 25px;
}
}
@media only screen and (max-width: 860px) {
 .in-more {
 width: 100px;
 height: 38px;
 line-height: 38px;
}
 .banner {
 margin-top: 20px;
}
 .banner .swiper-pagination-bullet {
 width: 30px;
}
 .banner-swiper .swiper-slide {
 width: 88vw;
}
 .banner-swiper .img {
 padding-bottom: 127.3%;
}
 .banner-swiper .pc-img {
 display: none;
}
 .banner-swiper .mb-img {
 display: block;
}
 .banner-swiper .txt {
 top: 30.5%;
}
 .banner-swiper .txt p {
 font-size: 40px;
}
 .banner-swiper .txt .more {
 margin-top: 80px;
}
 .banner-swiper .swi-btn {
 display: none;
}
 .inPro-items {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
}
 .inPro-item {
 width: 100%;
}
 .inPro-item:not(:last-of-type) {
 margin-bottom: 30px;
}
 .inAbout .des {
 margin-top: 15px;
}
 .inNews {
 padding-bottom: 80px;
}
 .inReah {
 margin-bottom: 80px;
}
 .inReah .card {
 padding: 35px 4.8% 60px 13.9%;
}
 .inReah .card .subtit {
 margin-top: 20px;
 margin-bottom: 30px;
}
 .firm {
 flex-direction: column;
 padding-bottom: 80px;
}
 .firm .intro {
 width: 100%;
 margin-top: 30px;
}
 .bigEvent {
 padding-bottom: 100px;
}
 .bigEvent .bigB {
 margin-top: 30px;
}
 .bigT .swi-prev {
 margin-right: 10px;
}
 .news-fir .swiper-pagination-bullet {
 width: 30px;
}
 .news-swiper .txt {
 padding-top: 10px;
}
 .news-swiper .date {
 margin-bottom: 10px;
}
 .news-swiper .des {
 margin-top: 15px;
}
 .news-swiper .more {
 margin-top: 30px;
}
 .news-item {
 padding: 40px 0;
}
 .news-item .c2,  .news-item .txt {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
}
 .news-item .newsR {
 width: 100%;
 margin-left: 0;
 margin-top: 30px;
}
 .news-item .img,  .news-item .txt1,  .news-item .txt2 {
 width: 100%;
}
 .news-item .txt1 {
 width: 100%;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-direction: column-reverse;
 -moz-flex-direction: column-reverse;
 -ms-flex-direction: column-reverse;
 -o-flex-direction: column-reverse;
 flex-direction: column-reverse;
}
 .news-item .txt2 {
 margin-left: 0;
 margin-top: 10px;
}
 .news-item .name {
 font-size: 16px;
}
 .news-item .date {
 margin-top: 0;
}
 .news-item .des {
 height: auto;
 max-height: 84px;
}
 .infoList {
 margin-top: 60px;
 margin-bottom: 80px;
}
 .infoList .date {
 margin-top: 15px;
}
 .infoList .info {
 margin-top: 30px;
}
 .xwxq {
 flex-direction: column;
}
 .xqInfoL {
 width: 100%;
 padding-right: 0;
 border-right: 0;
}
 .xqInfoL .page {
 margin-top: 60px;
}
 .xqInfoR {
 width: 100%;
 margin-top: 40px;
 padding-left: 0;
}
 .ProList .listImg::before {
 height: 50%;
}
 .videos {
 margin-top: 60px;
 margin-bottom: 80px;
}
 .video-item {
 width: 48%;
 margin-right: 4%;
}
 .video-item:nth-of-type(4n) {
 margin-right: 4%;
}
 .video-item:nth-of-type(2n) {
 margin-right: 0;
}
 .research {
 margin-bottom: 80px;
}
 .res-item {
 padding-bottom: 50%;
}
 .res-item:not(:last-of-type) {
 margin-bottom: 30px;
}
 .res-item .des {
 width: 100%;
 margin-top: 5px;
}
 .res-item .more {
 margin-top: 20px;
}
 .netWork {
 margin-top: -40px;
 height: auto;
 padding: 40px 0;
}
 .contact {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
 padding-top: 40px;
}
 .contL,  .contR {
 width: 100%;
}
 .contL {
 margin-bottom: 30px;
}
 .contL li:not(:last-of-type) {
 margin-right: 5%;
}
 .job-ul .item4 {
 display: none;
}
}
@media only screen and (max-width: 640px) {
 .banner-swiper .txt p {
 font-size: 30px;
}
 .banner-swiper .txt .more {
 margin-top: 60px;
}
 .inPro-items {
 margin-top: 60px;
}
 .inAbout {
 padding: 30px 0;
 margin-bottom: 60px;
}
 .inAbout .txt {
 position: relative;
 left: auto;
 top: auto;
 transform: translate(0, 0);
 width: 96%;
 margin: 0 auto;
 box-sizing: border-box;
}
 .inAbout .p1 {
 margin-bottom: 10px;
}
 .inAbout .more {
 margin-top: 30px;
}
 .inNews {
 margin-bottom: 60px;
}
 .inNews-item .inNB {
 flex-direction: column;
}
 .inNews-item .img {
 width: 100%;
 margin-bottom: 20px;
}
 .inNews-item .txt {
 width: 100%;
}
 .inNews-item.cur .img,  .inNews-item.cur .txt {
 width: 100%;
}
 .inReah {
 margin-bottom: 60px;
}
 .inReah .img {
 width: 100%;
}
 .inReah .card {
 position: relative;
 right: auto;
 top: auto;
 width: 100%;
 margin-top: 20px;
}
 .firm {
 padding-bottom: 60px;
}
 .bigEvent {
 padding: 60px 0;
}
 .news-more i {
 font-size: 16px;
 margin-left: 10px;
}
 .news-swiper .swiper-slide {
 flex-direction: column;
}
 .news-swiper .img {
 width: 100%;
}
 .news-swiper .txt {
 width: 100%;
 margin-left: 0;
 margin-top: 20px;
}
 .news-fir {
 padding-bottom: 60px;
}
 .news {
 margin-bottom: 60px;
}
 .news-items {
 margin-bottom: 40px;
 margin-top: 20px;
}
 .infoList,  .videos {
 margin-bottom: 60px;
 margin-top: 25px;
}
 .com-pro {
 margin-top: 40px;
 margin-bottom: 60px;
}
 .mb-list {
 margin-top: 30px;
}
 .mb-list .list-li > p {
 font-size: 16px;
}
 .mb-filter .swiper-slide {
 font-size: 14px;
}
 .pro-items {
 margin-bottom: 10px;
}
 .ProList .videoImg .icon {
 width: 40px;
 height: 40px;
}
 .ProList .videoImg .icon i {
 font-size: 12px;
}
 .ProList .videoImg p {
 width: calc(100% - 110px);
}
 .ProList .videoImg .more {
 height: 34px;
 line-height: 34px;
}
 .video-item {
 margin-bottom: 20px;
}
 .research {
 margin-bottom: 60px;
}
 .res-item {
 padding-bottom: 66%;
}
 .netWork {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
 padding: 30px 5%;
}
 .netWork .tit {
 width: 100%;
 text-align: left;
 margin-bottom: 15px;
}
 .netWork .tit::after {
 display: none;
}
 .netWork .intro {
 width: 100%;
 padding-right: 0;
}
 .contact {
 margin-bottom: 60px;
}
 .contL li {
 padding-bottom: 15px;
}
 .contL .place .name a {
 margin-left: 10px;
}
 .jobs {
 margin-top: 60px;
 margin-bottom: 60px;
}
 .job-ul .jobB .infoB {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
 flex-direction: column;
 -webkit-align-items: flex-start;
 -moz-align-items: flex-start;
 -ms-align-items: flex-start;
 -o-align-items: flex-start;
 align-items: flex-start;
}
 .job-ul .jobB .infoB .zy {
 margin-bottom: 20px;
}
 .job-ul .item2 {
 display: none;
}
 .honor {
 margin-bottom: 60px;
}
 .honor .name {
 margin-bottom: 15px;
}
}
@media only screen and (max-width: 560px) {
 .banner-swiper .txt p {
 font-size: 26px;
}
 .inPro .des * {
 font-size: 16px;
}
 .position i {
 margin-right: 5px;
}
 .position a:not(:last-of-type) {
 margin-right: 15px;
}
 .position a:not(:last-of-type)::after {
 right: -12px;
}
}
@media only screen and (max-width: 440px) {
 .banner-swiper .txt p {
 font-size: 24px;
}
}
@media only screen and (max-width: 360px) {
 .banner-swiper .txt p {
 font-size: 22px;
}
}
